
// Fonts
@import url("https://fonts.googleapis.com/css?family=Raleway:300,400,600");

// Variables
@import "variables";

// Bootstrap
@import "~bootstrap-sass/assets/stylesheets/bootstrap";

body{
  font-family:"Maven Pro,Microsoft YaHei,sans-serif!important";
  background: linear-gradient(180deg,#000,#999) ;
  background-repeat: no-repeat;
}
@media screen and (max-height:950px){
  body{
    min-height: 950px;
  }
}
@media screen and (max-height:768px){
  body{
    min-height: 768px;
  }
}

.form-control-lefticon {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  display: block;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  pointer-events: none;
  color:#555555;
}
.from-control-left-padding{
  padding-left:36px;
}
.navbar{
  margin-bottom:0px;
}
.navbar-brand{
  color:#ddd !important;
}
.nav-header{
  background: #000 ;
}
.navbar-nav {
  .form-group{
    position: relative;
  }
  .search-input {
    border:none;
    width: 228px;
    transition: width 1s ease-in-out;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: #222;
  }
  .search-shadow{
    -webkit-box-shadow: 0px 0px 2px 2px #3db9ec;
    -moz-box-shadow: 0px 0px 2px 2px  #3db9ec;
    box-shadow:0px 0px 2px 2px  #3db9ec;
  }
  .nav-btn{
    color:#fff !important;
    background: rgba(0,0,0,0);
    margin-right:10px;
  }
  .nav-btn:hover{
    background-color: rgba(0,0,0,0.3) !important;
  }
}